﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RecommendToday.aspx.cs"
    Inherits="WebApp.RecommendToday" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>南湖外卖 - 今日推荐</title>
    <link href="Styles/app.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script src="Scripts/app.js" type="text/javascript"></script>
    <style type="text/css">
        ul
        {
            float: left;
        }
        li
        {
            float: left;
        }
        h4
        {
            margin:20px 0px 0px 0px;font-size:20px;color:White;text-align:center
            
            }
    </style>
</head>
<body>
    <form id="form1" runat="server" style="text-align: center;">
    <div class="pageHead">
        <div style="width: 850px">
           <a href="Index.aspx" >菜谱</a>&nbsp;
         <a href="../PermissionCenterServices/Account/SignInPage.aspx">
            登录</a> &nbsp; <a href="../PermissionCenterServices/Account/RegiseterPage.aspx">
                注册</a> &nbsp;
        </div>
    </div>
    <div id="divTab" class="mainMenu">
        <a hidefocus="true" href="Index.aspx">菜&nbsp;&nbsp;&nbsp;谱</a> <a hidefocus="true" href="MyOrder.aspx">
            我的订单</a> <a hidefocus="true" class="mainMenu_a_active" href="RecommendToday.aspx">
                今日推荐</a> <a hidefocus="true" href="Discuss.aspx">讨论区</a>
        <div class="mainMenu_div_splitline">
        </div>
    </div>
    <div class="pageContent">
        <ul style="list-style: none; margin: 0 0 0 0; float: left; padding: 0 0 0 0">
            <li>
                <div id="div3" class="categoryMenu" tag="divVeryone">
                    大家都在吃莫斯</div>
            </li>
            <li>
                <div id="div1" class="categoryMenu" tag="divFaverate">
                    点餐排行榜</div>
            </li>
            <li>
                <div id="div2" class="categoryMenu" tag="divBest">
                    我们的招牌菜</div>
            </li>
        </ul>
        <br />
        <br />
        <br />
        <div class="divRecommand" id="divVeryone" style="display: block">
            <div>
                陈同学</div>
            <div>
                青椒肉丝盖饭</div>
            <br />
            <div>
                王同学</div>
            <div>
                木须肉 + 干煸豆角 + 米饭</div>
        </div>
        <div class="divRecommand" id="divFaverate" style="display: none">
            <div>
                青椒肉丝</div>
            <div class="recommend_veryone_num">
                50次</div>
            <br />
            <div>
                木须肉</div>
            <div class="recommend_veryone_num">
                44次</div>
        </div>
        <br />
        <div class="divRecommand" id="divBest" style="display: none">
        <ul class="recommand_best_ul">
        <li style="background-color:Blue"><h4>新疆大盘鸡1</h4></li>

        <li>
            <div style="padding:0px 0px 0px 0px;width:130px;height:64px;margin:0px 0px 1px 0px;">
              <table width="100%" style="height:64px" cellpadding="0" border="0" cellspacing="0">
              <tr><td style="background-color:Green;">新疆大盘鸡</td><td style="background-color:Yellow">新疆大盘鸡</td></tr>
              </table>
             </div>
            <div style="padding:20px 0px 0px 0px;width:130px;height:45px;margin:1px 0px 0px 0px;background-color:Red">新疆大盘鸡2</div>
        </li>

         <li>
            <div style="padding:20px 0px 0px 0px;width:130px;height:44px;margin:0px 0px 1px 0px;background-color:Fuchsia">新疆大盘鸡3</div>
            <div style="padding:0px 0px 0px 0px;width:130px;height:65px;margin:0px 0px 0px 0px;">
              <table width="100%" style="height:65px" cellpadding="0" border="0" cellspacing="0">
              <tr><td style="background-color:Gray;">新疆大盘鸡</td><td style="background-color:Maroon">新疆大盘鸡</td></tr>
              </table> </div>
         </li>
            
          <li>
           <div style="padding:0px 0px 0px 0px;width:130px;height:64px;margin:0px 0px 1px 0px;">
              <table width="100%" style="height:64px" cellpadding="0" border="0" cellspacing="0">
              <tr><td style="background-color:Aqua;">新疆大盘鸡</td><td style="background-color:Navy">新疆大盘鸡</td></tr>
              </table>
            </div>
            <div style="padding:20px 0px 0px 0px;width:130px;height:45px;margin:1px 0px 0px 0px;background-color:Lime">新疆大盘鸡4</div>
          </li>


           <li>
           <div style="padding:20px 0px 0px 0px;width:130px;height:44px;margin:0px 0px 1px 0px;background-color:Olive">新疆大盘鸡5</div>
            <div style="padding:0px 0px 0px 0px;width:130px;height:65px;margin:0px 0px 0px 0px;">
              <table width="100%" style="height:65px" cellpadding="0" border="0" cellspacing="0">
              <tr><td style="background-color:Orange;">新疆大盘鸡</td><td style="background-color:Purple">新疆大盘鸡</td></tr>
              </table> </div>
           </li>


            <li>
             <div style="padding:0px 0px 0px 0px;width:130px;height:64px;margin:0px 0px 1px 0px;">
              <table width="100%" style="height:64px" cellpadding="0" border="0" cellspacing="0">
              <tr><td style="background-color:Silver;">新疆大盘鸡</td><td style="background-color:Teal">新疆大盘鸡</td></tr>
              </table>
            </div>
            <div style="padding:20px 0px 0px 0px;width:130px;height:45px;margin:1px 0px 0px 0px;background-color:ActiveCaption">新疆大盘鸡6</div>
            </li>
        </ul>
            
        </div>
    </div>
    <div class="pageFooter">
        <p>
            <a href="AboutUs.aspx">关于南湖外卖</a> <a href="ShopRegister.aspx">加入我们</a><a href="ContactUs.aspx">联系我们</a><a href="Help.aspx">帮助</a></p>
        <p>
            © 2012-2013 南湖外卖 京ICP备13031298号 京公网安备11010802012179</p>
    </div>
    <script type="text/javascript">
        $(window).ready(
          function () {

              $(".categoryMenu").mouseenter(function () {
                  var e = event.srcElement;
                  e.style.backgroundColor = "Black";
              });
              $(".categoryMenu").mouseleave(function () {
                  var e = event.srcElement;
                  e.style.backgroundColor = "Gray";
              });
              $(".categoryMenu").mouseup(
                 function () {
                     var e = event.srcElement;
                     var tag = $(e).attr("tag");
                     $(".divRecommand").css("display", "none");
                     $("#" + tag).css("display", "block");
                 }
              )
          }
        );
    </script>
    </form>
</body>
</html>
